<html >
<head >
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
	    <meta name="description" content="">
    <meta name="author" content="">
    <meta http-equiv="content-language" content="pt-br">
    <meta name="keywords" content="book, leitura, leitores, escritores, livros,"/>
     <meta name="viewport" content="width=device-width,initial-scale=1">
    <title>Speakrs</title>

<link href="css/estilo.css" rel="stylesheet">
 	 <link href="@{'/public/stylesheets/bootstrap.css'}" rel="stylesheet">
 		
 	<style>
 	body {
  padding-top: 50px;
  padding-bottom: 20px;
  font-family:Arial;
	        font-size:12px;
	        
}

 .error {
	color: #c00;
}

.hasError {
	background: pink;
}
 	</style>
</head>

<body>
 
<center><div  class="container mensagem">

 
		  
		  
		  <div class="row primeiraLinha">
			
			
		<div class="col-md-4 logo">
				
				<img src="@{'/public/images/home_logo.png'}" />
				
			</div>
<br><br><br>  
    <br><br><br> 
    
    <div class="row">
			  
			  
			  <div class="col-md-12 legendaTxt">
				  
				  
				  <h1 class="tituloContHome">Cadastro de Usuarios</h1>
				  

				  
				  
			  </div><!-- /col-md-12 -->
			  
			  
		  </div><!-- / row -->
		  #{form @Application.saveUser(user), enctype:'multipart/form-data'} 		
  				 	
		 <div class="form-group">
    Foto do Perfil:<input  class="form-control"  type="file" name="user.spe_ima">
     
       

 <br> <input placeholder="Nome Completo:" class="form-control" type="text" name="user.spe_nome_completo" size="16" value="${user?.spe_nome_completo}"> 
           
             <br> <input placeholder="Login:" class="form-control" type="text" name="user.spe_nome" size="16" value="${user?.spe_nome}"> 
        
             <span class="error">#{error 'user.spe_nome' /}</span>
      
           <br> <input placeholder="Password:" class="form-control" type="password" name="user.spe_senha" size="16" value="${user?.spe_senha}"> 
            <span class="error">#{error 'user.spe_senha' /}</span>
     
           <br><input placeholder="Verificar password:" class="form-control" type="password" name="verifyPassword" size="16" value="${verifyPassword}"> 
         <span class="error">#{error 'verifyPassword' /}</span>
		   <br><input placeholder="Email:" class="form-control" type="text" size="26" value="${user?.spe_email}" name="user.spe_email"> 
		    <span class="error">#{error 'user.spe_email' /}</span>
    <p class="buttons">
        <input class="btn btn-primary"  type="submit" value="Registrar"> <a href="@{Application.index()}">Cancelar</a>
    </p>
    #{/form}
   
    </div></div>
    </div><center>
     <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
    </body>
  
</html>